<template>
	<view class="">
		<view style="position:relative;">
			<image style="width: 750rpx;height: 750rpx;" :src="data.img" mode="aspectFit"></image>
		</view>
		<view class="details_box">
			<view class="w90 p_t_20 pb40">
				<view class=" f  c">
					<view>
						<text class="fs36">{{data.name}}</text>
					</view>
					<view class="ml15">
						<u-rate :count="count" :disabled="true" active-color="#4c67ff" v-model="value"></u-rate>
					</view>
				</view>
				<view class="m_t_30">
					<text class="fs26 ">{{data.content?data.content:"无简介"}}</text>
				</view>
				<view class="m_t_40">
					<text class="bold fs32">·擅长技能</text>
					<view class="m_t_20">
						<video class="wd100" :src="data.video"    controls></video>
					</view>
				</view>
				<view class="m_t_40">
					<text class="fs32 bold">·证书</text>
					<view class="m_t_20" v-for="(item,index) in imglist">
						<image :src="item" style="width: 100%;" mode=""></image>
					</view>
				
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				count:5,
				value: 5,
				data:[],
				imglist:[]
			}
		},
		onLoad(option) {
			this.data = JSON.parse(decodeURIComponent(option.data));
			this.imglist = JSON.parse(this.data.certificate);
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.details_box{
		width: 750rpx;
		height:698rpx;
		background:#fff;
		border-radius: 42rpx 42rpx 0 0;
		position:absolute;
		top:640rpx;
	}
</style>
